<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Title</title>
    <%@ include file="common.jsp" %>
    <script type="text/javascript" src="/static/js/recharge.js"></script>
    <style type="text/css">
        span {
            font-size: 15px;
            font-weight: bold;
        }
    </style>
</head>
<body>
<div class="easyui-layout" data-options="fit:true">

    <div data-options="region:'north',split:true" style="height: 40px;background-color: #a4e9c1">
        <!--充值充次选项-->
        <div style="margin-left:1000px;margin-top: 5px">
            <input id="switchbutton">
            <span style="color: orangered">:操作类型</span>
        </div>
    </div>
    <!--主体-->
    <div data-options="region:'south',split:true" style="height: 527px;">
        <div class="easyui-layout" data-options="fit:true">
            <!--会员列表-->
            <div data-options="region:'west',split:true" style="width: 350px;">
                <table id="allClient_datagrid" style="background-color: #95B8E7"></table>
            </div>

            <!--右边-->
            <div data-options="region:'east',split:true" style="width:820px;">
                <div class="easyui-layout" fit="true">
                    <!--右上-->
                    <div data-options="region:'north',split:true" style="height:70px;">
                        <table id="clientTab" border="0" style="width: 700px;margin-top:10px;" align="center">
                            <tr>
                                <td align="right"><span>会员:</span></td>
                                <td align="left"><span tag="name" style="color: green"></span></td>
                                <td align="right"><span>等级:</span></td>
                                <td align="left"><span tag="level" style="color: green"></span></td>
                                <td align="right"><span>余额:</span></td>
                                <td align="left"><span tag="balance" style="color: green"></span></td>
                            </tr>
                            <tr></tr>
                            <tr>
                                <td align="right"><span>卡号:</span></td>
                                <td align="left"><span tag="number" style="color: green"></span></td>
                                <td align="right"><span>生日:</span></td>
                                <td align="left"><span tag="birthday" style="color: green"></span></td>
                                <td align="right"><span>积分:</span></td>
                                <td align="left"><span tag="integral" style="color: green"></span></td>
                            </tr>
                        </table>
                    </div>
                    <!--充次板块-->
                    <div data-options="region:'center',split:true" tag="rechargeService">
                        <div class="easyui-layout" data-options="fit:true">
                            <div data-options="region:'east',split:true" style="width: 200px;">
                                <table id="clientService"></table>
                            </div>

                            <div data-options="region:'west',split:true" style="width: 630px;">
                                <form method="post" id="rechargeService_form">
                                    <table border="0" style="width: 400px;margin-top:30px;margin-left: 100px">
                                        <tr>
                                            <td><span>选择服务:</span></td>
                                            <td><input name="serviceName" id="serviceName" class="easyui-combobox"/></td>
                                        </tr>
                                        <tr>
                                            <td><span>充值金额:</span></td>
                                            <td><input name="income" id="incomeText2" class="easyui-number" required="true" style="width: 170px"/></td>
                                            <td><input name="beforeCount" type="hidden" value="0" id="beforeCount"></td>
                                        </tr>
                                        <tr>
                                            <td align="left"><span>赠送金额:</span></td>
                                            <td><input class="easyui-numberbox" name="addincome" id="addincome2" readonly/></td>
                                            <td><input name="operation" type="hidden" value="1"></td>
                                            <td><span style="font-weight: lighter;color: red;font-size: 10px">充值金额满50送10元</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><span>充值次数:</span></td>
                                            <td><input name="counts" id="counts" class="easyui-numberbox"/></td>
                                        </tr>
                                        <tr>
                                            <td><input name="client.id" type="hidden" id="clientId2" value="0"></td>
                                        </tr>

                                    </table>
                                    <table border="0" style="width: 500px;margin-top:10px;margin-left: 100px">
                                        <tr>
                                            <td><span>备注信息:</span></td>
                                            <td><input name="info" class="easyui-textbox" style="width: 400px;height: 60px"
                                                       data-options="prompt:'请输入备注,最多50字',multiline:true"></td>
                                        </tr>
                                    </table>

                                    <div style="margin-left: 400px;margin-top:10px;">
                                        <span>合计充值:&nbsp;&nbsp;&nbsp;¥</span><span id="totalincome2" style="color: red">0.00</span>
                                        <a class="easyui-linkbutton" onclick="save2()">确定</a>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div data-options="region:'south',split:true" style="height:170px;" tag="rechargeService">
                        <table id="rechargeServiceitem_datagrid"></table>
                    </div>

                    <!--充值板块(右中)-->
                    <div data-options="region:'center',split:true"  tag="recharge" style="margin-top: 130px">

                        <form method="post" id="recharge_form">
                            <table border="0" style="width: 400px;margin-top:30px;margin-left: 100px">
                                <tr>
                                    <td><span>充值金额:</span></td>
                                    <td><input name="income" id="incomeText" class="easyui-numberbox" required="true" style="width: 170px"/></td>
                                    <td><input name="beforeBalance" type="hidden" id="beforebalance"></td>
                                </tr>
                                <tr>
                                    <td align="left"><span>赠送金额:</span></td>
                                    <td><input class="easyui-numberbox" name="addincome" id="addincome" readonly/></td>
                                    <td><input name="operation" type="hidden"></td>
                                    <td><span style="font-weight: lighter;color: red;font-size: 10px">充值金额满50送10元</span>
                                    </td>
                                </tr>
                                <tr id="tr_clientId">
                                    <td><input name="client.id" type="hidden" id="clientId" value="0"></td>
                                </tr>

                            </table>
                            <table border="0" style="width: 500px;margin-top:10px;margin-left: 100px">
                                <tr>
                                    <td><span>备注信息:</span></td>
                                    <td><input name="info" class="easyui-textbox" style="width: 400px;height: 60px"
                                               data-options="prompt:'请输入备注,最多50字',multiline:true"></td>
                                </tr>
                            </table>

                            <div style="margin-left: 600px;margin-bottom:10px;">
                                <span>合计充值:&nbsp;&nbsp;&nbsp;¥</span><span id="totalincome" style="color: red">0.00</span>
                                <a class="easyui-linkbutton" onclick="save()">确定</a>
                            </div>
                        </form>
                    </div>

                    <!--右下-->
                    <div data-options="region:'south',split:true" style="height:210px;" tag="recharge">
                        <!--充值记录-->
                        <table id="recharge_datagrid"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<!--会员高级查询按钮-->
<div id="clientdata_toolbar">
    <input id="keyword" name="keyword" class="easyui-searchbox"
           data-options="prompt:'输入卡号或者姓名'" style="width:200px"/>
</div>

</div>
</body>
</html>
